<!DOCTYPE html>
<html>
<head>
  	<title>indexProto</title>
  	<style type="text/css">
		/***************************{CSS Reset}*****************************/
		html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, 
		acronym, address, big, cite, code,del, dfn, em,  img, ins,  samp,small, 
		strike, strong, sub, sup, tt, var,b,  i, dl, dt, dd, ol, ul, li,fieldset, 
		form, label, legend,table, caption, tbody, tfoot, thead, tr, th, 
		td { background: transparent; border: 0; margin: 0; padding: 0; 
			vertical-align: baseline; font-size: 100%; font: inherit; 
			-webkit-text-size-adjust: none; }
		body { line-height: 1; font-size: 12px; font-family: 'MIcrosoft YaHei'}
		table { border-collapse: collapse; border-spacing: 0; }
		object, :focus { outline: none; }
		article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section /* HTML 5 */ { display: block; }
		blockquote, q { quotes: none; }
		blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
		a img { border: none; }
		a { color: #F07746; text-decoration: none; }
		input,button,textarea,select,optgroup,option{ font-size: 100%; font: inherit; }
		div{margin:0px auto;}
		li{list-style:none;}
		hr {border:none; border-top:1px dashed #ccc; margin:20px 0;}

		/***************************{Common CSS Class}*****************************/
		.al { text-align: left; }
		.ar { text-align: right; }
		.ac { text-align: center; }
		.size-14 { font-size: 14px; }
		.fr {float: right;}
		.text-fr { text-align: right;}

		.rel { position: relative; }
		.abs { position: absolute; }
		.clear { clear: both; }
		.page-width { width:960px; }
		
		/*-------------------------------*/
		#header { height:90px; }
		#banner { height:134px; }
		#nav { height:50px; text-align:center; }
		#nav ul { font-size: 14px; height: 30px;  width: 400px; margin: 0px auto; }
		#nav ul li { margin: 0px 5px; margin-top: 10px; float: left; }

		#body { border:none; border-left: 1px solid #ccc; border-right: 1px solid #ccc;}
		#body .left-content { float:left; width:719px; border-right: 1px dashed #ccc; }
		.art-list  { width:700px; margin-left:10px; border:1px dashed #F07746; margin-bottom: 20px;}
		.art-list dt { font-size: 18px; font-weight: bold; margin: 10px;}
		.art-list dd { margin: 10px; line-height: 22px;}
		.art-list .author { border-bottom: 1px dashed #ccc; padding: 5px; color: #F07746}

		.page-splite{text-align: center;}

		#body .right-menu { float:left; width:240px;  height: 500px;}
		.menu-list { width:215px; margin-left:5px; border:1px dashed #F07746; margin-bottom: 20px; padding:5px;}
		.menu-list dt { font-size: 14px; font-weight: bold; margin: 5px 0 10px 0; }
		.menu-list dd { margin: 5px; line-height: 16px; border-bottom: 1px dashed #ccc;}
		.menu-list dd li{ list-style: circle; margin-left: 15px;}
		.menu-list dd p{ text-align: right; margin: 5px 0 ;}
		.menu-list dd.last-text { border-bottom: none; text-align: right;}

		#footer{ height:90px;}

  	</style>
</head>
<body>
	<div id='header' class='page-width'>
		This is a header
	</div>
	<div id='banner' class='page-width'>
     		<img src='../images/banner.jpg'>
	</div>
	<div id='nav' class='page-width'>
    		<ul>
			<li>首页</li>
			<li>我的作品</li>
			<li>我的心情</li>
			<li>我的相册</li>
			<li>登录</li>    			
    		</ul>
    </div>
    <div id='body' class='page-width'>
    		<div class="left-content">
			<dl class="art-list">
				<dt>每一箭，都选择了遗忘</dt>
				<dd class='author'>作者：kunkka 发布于：2012-10-22 17:40 Monday </dd>
				<dd>
						<p>最后,美杜莎没有补到一千七百个兵,但比赛的九个人,确斗都记住了他</p>
                           <p>随着战鼓轰隆隆的响起，一场路人比赛顺理成章的开始了，地图是6.74C。</p>
                           <p>一条条-random的指令显示在屏幕上，比赛的双方也开始了手忙脚乱的选人</p>
                           <p>你说说看，一个人一天究竟能打多少局DOTA，在打DOTA时又在想些什么。美杜莎没有管那么多，等他出现在泉水的时候，他只知道，他被骂了</p>
                           <p class='size-14'><a href='#' >阅读全文>></a></p>
                      </dd>
                      <dd>标签: <a href=''>Sublime如何使用</a> <a href=''>使用教程</a>	 <a href=''>Text2配置</a></dd>
                      <dd class='text-fr'><a href=''>评论: (2)</a> | <a href=''>浏览(1020)</a> </dd>   
			</dl>
			<dl class="art-list">
				<dt>每一箭，都选择了遗忘</dt>
				<dd class='author'>作者：kunkka 发布于：2012-10-22 17:40 Monday </dd>
				<dd>
						<p>最后,美杜莎没有补到一千七百个兵,但比赛的九个人,确斗都记住了他</p>
                           <p>随着战鼓轰隆隆的响起，一场路人比赛顺理成章的开始了，地图是6.74C。</p>
                           <p>一条条-random的指令显示在屏幕上，比赛的双方也开始了手忙脚乱的选人</p>
                           <p>你说说看，一个人一天究竟能打多少局DOTA，在打DOTA时又在想些什么。美杜莎没有管那么多，等他出现在泉水的时候，他只知道，他被骂了</p>
                           <p class='size-14'><a href='#' >阅读全文 >></a></p>
                      </dd>
                      <dd>标签: <a href=''>Sublime如何使用</a> <a href=''>使用教程</a>	 <a href=''>Text2配置</a></dd>
                      <dd class='text-fr'><a href=''>评论: (2)</a> | <a href=''>浏览(1020)</a> </dd>   
			</dl>
			<dl class="art-list">
				<dt>每一箭，都选择了遗忘</dt>
				<dd class='author'>作者：kunkka 发布于：2012-10-22 17:40 Monday </dd>
				<dd>
						<p>最后,美杜莎没有补到一千七百个兵,但比赛的九个人,确斗都记住了他</p>
                           <p>随着战鼓轰隆隆的响起，一场路人比赛顺理成章的开始了，地图是6.74C。</p>
                           <p>一条条-random的指令显示在屏幕上，比赛的双方也开始了手忙脚乱的选人</p>
                           <p>你说说看，一个人一天究竟能打多少局DOTA，在打DOTA时又在想些什么。美杜莎没有管那么多，等他出现在泉水的时候，他只知道，他被骂了</p>
                           <p class='size-14'><a href='#' >阅读全文>></a></p>
                      </dd>
                      <dd>标签: <a href=''>Sublime如何使用</a> <a href=''>使用教程</a>	 <a href=''>Text2配置</a></dd>
                      <dd class='text-fr'><a href=''>评论: (2)</a> | <a href=''>浏览(1020)</a> </dd>   
			</dl>
			<div class="page-splite">
				首页 上一页 123456 下一页 共页 尾页
			</div>
    		</div>
    		<div class="right-menu">
    			<dl class='menu-list'>
    				<dt>最新日志</dt>
    				<dd><a href=''>> ubuntu常用命令</a></dd>
    				<dd><a href=''>> 50 个提高 PHP 编程效率的方法</a></dd>
    				<dd><a href=''>> 每一箭，都选择了遗忘</a></dd>
    				<dd><a href=''>> php导出excle表php导入csv格式</a></dd>
    				<dd><a href=''>> php导入csv格式文件表</a></dd>
    			</dl>

    			<dl class='menu-list'>
    				<dt>最新心情</dt>
    				<dd>
    					<li> 国庆长假，国人一起租船去钓鱼岛</li>
    					<p>2012-09-11 13:50</p>
    				</dd>
    				<dd>
    					<li> 以后都用google了，拒绝百度。</li>
    					<p>2012-09-10 17:46</p>
    				</dd>
    				<dd>
    					<li> 百度就是垃圾，难得有一篇文章有很多人访问，我靠。 百度给我屏蔽了～～ 原创啊</li>
    					<p>2012-09-11 13:50</p>
    				</dd>
    				<dd>
    					<li> 电脑主板坏了，郁闷ing，冲洗买了一个技嘉的大板子</li>
    					<p>2012-09-11 13:50</p>
    				</dd>
    				<dd>
    					<li> 今天zeger来咯，好高啊</li>
    					<p>2012-09-11 13:50</p>
    				</dd>
    				<dd class='last-text'><a href=''>更多>></a></dd>
    			</dl>

    			<dl class='menu-list'>
    				<dt>分类</dt>
    				<dd>> magento(5)</dd>
    				<dd>> magento(5)</dd>
    				<dd>> magento(5)</dd>
    				<dd>> magento(5)</dd>
    				<dd>> magento(5)</dd>
    			</dl>

    			<dl class='menu-list'>
    				<dt>存档</dt>
    				<dd>> 2012年10月(3)</dd>
    				<dd>> 2012年9月(3)</dd>
    				<dd>> 2012年8月(3)</dd>
    				<dd>> 2012年7月(9)</dd>
    				<dd>> 2012年6月(5)</dd>
    			</dl>
    		</div>
    		<div class="clear"></div>
    </div>
    <hr>
    <div id="footer" class='page-width'>
    		<p>Powered by kunkka 沪ICP备11026110号-1 sitemap</p>
    </div>


  
</body>
